body{ background-image: url("./bilder/noFilter.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed; 
  background-size: 100% 100%;
}
   h1 {
    background-color: rgba(16, 11, 18, 0.477);
     border-radius: 10px; 
     text-align: center;     
     border-radius: 10px; 
     text-align: center; 
     font-size: 36px; 
     margin-top: 20px; 
      color: white;
        width: 1600px;
   }
   .logo {
  font-weight: bold;
  font-size: 1.4rem;
}
 header{
    display: flex; 
    gap: 40px;
       background-color: rgba(16, 11, 18, 0.477);
       color: white;
       justify-content: center;
       font-size: 20px;
       padding: 10px;
      
 }
.first{
  display: flex; gap: 20px;
  background-color: rgba(16, 11, 18, 0.477);
     border-radius: 10px; 
     text-align: center;   
      color: white;  
      font-size: 20px;
      padding: 10px;
      width: 1600px;
}
.second{
margin-top: 170px;
 color: white;
 font-size: 20px;
 

}
.third{
text-align: center;
 color: white;
 font-size: 20px;
}
.info{
    text-align: center;
     color: white;
 font-size: 20px;
}
.Update{
    text-align: center;
     color: white;
 font-size: 20px;
   background-color: rgba(16, 11, 18, 0.477);
   border-radius: 10px;
}
 .special{
    color: white;
    padding: 10px 20px;
    transition: all 0.3s ease;§
}

.special:hover {
    background-color: rgba(69, 6, 94, 0.488);
    transform: scale(1.1);
    border-radius: 10px;
    width : 150px;
}
.beschreibung {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;

 position: fixed;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);

    width: 220px;
    padding: 10px;
    background: rgba(0,0,0,0.9);
    color: white;
    border-radius: 10px;
}

.third:hover .beschreibung {
    opacity: 1;
    visibility: visible;
}